<!--
 * @Date: 2021-03-23 14:39:51
 * @LastEditors: LastEditors
 * @LastEditTime: 2021-03-26 10:02:01
 * @FilePath: \hw.6gplc.com\pages\aboutUs\contactUs.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/reset.css" />
    <link rel="stylesheet" href="/iconFont/iconfont.css" />
    <link rel="stylesheet" href="/public/_head_nav.css" />
    <link rel="stylesheet" href="/public/_foot_cantact.css" />
    <link rel="stylesheet" href="/public/_public_media.css" />
    <link rel="stylesheet" href="/css/_contactUs.css" />
</head>

<body>
    <!-- public_head  state-->
    <header class="_headBox">
        <div class="_maskBox">
            <img src="/public/img/public_head_bg.png" alt="" />
            <div class="_mask"></div>
        </div>
        <nav class="_headNav flex text-white">
            <ul class="flex-f1 flex flx-bet">
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        首页
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        关于我们
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        企业文化
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu3">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        技术支持
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu4">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu5" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        产品中心
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu5">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu6" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        新闻动态
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu6">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu7" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        下载中心
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu7">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu8" data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="true">
                        人才招聘
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu8">
                        <li><a href="#">Action</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="_navBox">
            <div class="_nav flex flex-ver">
                <div class="_sm_txt">
                    <p style="color: #F7F7F7;">ABOUT&nbsp;&nbsp;HIWFER</p>
                </div>
                <ul class="flex text-white">
                    <li><a href="javascript:;">公司简介</a></li>
                    <li><a href="javascript:;">发展历程</a></li>
                    <li><a href="javascript:;">企业愿景</a></li>
                    <li><a href="javascript:;">品质管理</a></li>
                    <li><a href="javascript:;">环境安全</a></li>
                    <li class="active"><a href="javascript:;">联系我们</a></li>
                </ul>
                <div>
                    <div class="_title color_0a3da4 wryh">
                        <p>联系我们</p>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- public_head  end-->
    <!-- content state-->
    <main class="warpBox flex flex-ver flex-pac">
        <div class="content_1 flex flex-pac w">
            <div class="flex flex-ver flex-pac">
                <p>&#xe645;</p>
                <p class="wryh">座机<br />028-65796050</p>
            </div>
            <div>
                <p>&#xe60c;</p>
                <p class="wryh">传真<br />028-65796999</p>
            </div>
            <div>
                <p>&#xe616;</p>
                <p class="wryh">网址<br />http://www.hiwafer.com/</p>
            </div>
            <div>
                <p>&#xe619;</p>
                <p class="wryh">地址<br />成都市双流区物联大道88号</p>
            </div>
        </div>
        <div class="content_2 flex wryh w">
            <div class="flex flex-ver bg_88abda">
                <p style="text-align: center;padding-bottom: 15px;font-size: 18px;">市场业务</p>

                <div class="flex">
                    <p>射频产品：</p>
                    <p>周先生</p>
                </div>
                <div class="flex">
                    <p>电话：</p>
                    <p>028-65796006 65798126</p>
                </div>
                <div class="flex">
                    <p>手机：</p>
                    <p>18108180921</p>
                </div>
                <div class="flex">
                    <p>E-mail：</p>
                    <p>
                        zhouxz@hiwafer.com<br />
                        market@hiwafer.com
                    </p>
                </div>
                <div class="flex">
                    <p>其他产品：</p>
                    <p>刘先生</p>
                </div>
                <div class="flex">
                    <p>电话：</p>
                    <p>028-65796086</p>
                </div>
                <div class="flex">
                    <p>手机：</p>
                    <p>15184318328</p>
                </div>
                <div class="flex">
                    <p>E-mail：</p>
                    <p>liuys@hiwafer.com</p>
                </div>
            </div>
            <div class="flex flex-ver bg_f29b76">
                <p style="text-align: center;padding-bottom: 15px;font-size: 18px;">光电代工业务</p>
                <div class="flex">
                    <p>成先生</p>
                    <p></p>
                </div>
                <div class="flex">
                    <p>电话：</p>
                    <p>028-65796018</p>
                </div>
                <div class="flex">
                    <p>E-mail：</p>
                    <p>chenyf@hiwafer.com</p>
                </div>
            </div>
            <div class="flex flex-ver bg_aaaaaa">
                <p style="text-align: center;padding-bottom: 15px;font-size: 18px;">砷化镓代工业务</p>
                <div class="flex">
                    <p>彭先生</p>
                    <p></p>
                </div>
                <div class="flex">
                    <p>电话：</p>
                    <p>028-65796017</p>
                </div>
                <div class="flex">
                    <p>E-mail：</p>
                    <p>pengt@hiwafer.com</p>
                </div>
            </div>
            <div class="flex flex-ver bg_7ecef4">
                <p style="text-align: center;padding-bottom: 15px;font-size: 18px;">氮化镓代工业务</p>
                <div class="flex">
                    <p>郑女士</p>
                    <p></p>
                </div>
                <div class="flex">
                    <p>电话：</p>
                    <p>028-80201685</p>
                </div>
                <div class="flex">
                    <p>E-mail：</p>
                    <p>zhengx@hiwafer.com</p>
                </div>
            </div>
            <div class="flex flex-ver bg_80c269">
                <p style="text-align: center;padding-bottom: 15px;font-size: 18px;">氮化镓代工业务</p>
                <div class="flex">
                    <p>周女士</p>
                    <p></p>
                </div>
                <div class="flex">
                    <p>电话：</p>
                    <p>028-65796060</p>
                </div>
                <div class="flex">
                    <p>手机：</p>
                    <p>18080447790</p>
                </div>
                <div class="flex">
                    <p>E-mail：</p>
                    <p>hr@hiwafer.com</p>
                </div>
            </div>
        </div>
        <div class="content_3 flex flex-pac w">
            <div id="map" class=" flex-f1"></div>
        </div>
    </main>
    <div style="width: 100vw;" class="flex flex-ver flex-pac">
        <div class="content_4 flex flex-ver">
            <div id="form" class="flex flex-f1 flex-warp flx-bet">
                <div class="flex flex-ver title color_2d2d2d" style="max-width: 100%;width: 100%;">
                    <p><span class="color_dd4e00 font_w" style="font-size: 24px;">合作联系:</span>（如果您对中芯国际有任何的问题及建议，可通过上面所列联系方式或提交以下表单与我们联络。）</p>
                    <p>注：<span class="color_e54d4d">*</span>必须填写</p>
                </div>
                <div class="flex flex-ver">
                    <label for="name"><span class="color_e54d4d">*</span>姓名</label>
                    <input type="text" id="name">
                </div>
                <div class="flex flex-ver">
                    <label for="sex"></label>
                    <select name="" id="sex">
                        <option value="1">先生</option>
                        <option value="2">女士</option>
                    </select>
                </div>
                <div class="flex flex-ver">
                    <label for=""><span class="color_e54d4d">*</span>单位</label>
                    <input type="text" id="unit">
                </div>
                <div class="flex flex-ver">
                    <label for="">地址：</label>
                    <input type="text" id="adder">
                </div>
                <div class="flex flex-ver">
                    <label for="phone"><span class="color_e54d4d">*</span>联系方式</label>
                    <input type="tel" id="phone" maxlength="11" placeholder="你的手机号码">
                </div>
                <div class="flex flex-ver">
                    <label for="email">邮箱<span class="color_e54d4d">*</span>：</label>
                    <input type="email" id="email" placeholder="你的电子邮箱">
                </div>
                <div class="flex flex-ver">
                    <label for="city"><span class="color_e54d4d">*</span>城市</label>
                    <input type="text" id="city">
                </div>
                <div class="flex flex-ver">
                    <label for=""></label>
                    <select name="" id="">
                        <option value="1">城市与地区</option>
                        <option value="2">女士</option>
                    </select>
                </div>
                <div class="flex flex-ver">
                    <label for="title">标题</label>
                    <select name="" id="title">
                        <option value="1">请选择你要联系的部门</option>
                        <option value="2">女士</option>
                    </select>
                </div>
                <div style="width: 100%;max-width: 100%;" class="msgBox">
                    <div class="flex flex-ver textarea">
                        <label for="message" style="margin: 20px 0 15px 0;">留言</label>
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
                    <div class="flex" style="justify-content: center;">
                        <button onclick="submit()" class="btn bg_ed9335">提交</button>
                        <button onclick="reset()" class="btn bg_7b7b7d">重置</button>
                    </div>
                </div>
            </div>
            <div id="touch" class="bg_eeeeee">
                <p class="color_df4900">
                    请填写相关信息，获得更多的
                    相关资讯，以便我们能更好的
                    为您服务！
                </p>
                <p>
                    网址：www.hiwafer.com<br />
                    Email：info@hiwafer.com
                </p>
            </div>
        </div> 
    </div>
    <!-- content end-->
    <!-- public_footer  state-->
    <footer class="_footer flex flex-pac">
        <div class="flex flx-bet _footerWarp">
            <dl class="_dt1">
                <dt><img src="/images/img/foot-logo.png" alt="" /></dt>
                <dd>
                    <img src="/images/img/code.png" alt="" style="width: 11.5rem" />
                </dd>
            </dl>
            <dl>
                <dt>技术发展</dt>
            </dl>
            <dl>
                <dt>晶圆代工</dt>
                <dd>晶圆代工</dd>
                <dd>晶圆切割</dd>
                <dd>晶圆测试</dd>
                <dd>其他服务</dd>
            </dl>
            <dl>
                <dt>设计维护</dt>
                <dd>设计支援</dd>
                <dd>IP 推广</dd>
            </dl>
            <dl>
                <dt>硅基产品</dt>
                <dd>SIP</dd>
                <dd>微控制器</dd>
                <dd>接口电路</dd>
                <dd>LDO</dd>
                <dd>其他</dd>
            </dl>
            <dl>
                <dt>下载中心</dt>
            </dl>
            <dl>
                <dt>社会责任</dt>
                <dd>员工关爱</dd>
                <dd>环境保护</dd>
                <dd>社会回馈</dd>
            </dl>
            <dl>
                <dt>新闻资讯</dt>
                <dd>企业新闻</dd>
                <dd>行业资讯</dd>
            </dl>
            <dl>
                <dt>人力资源</dt>
                <dd>职位招聘</dd>
                <dd>人才发展</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>公司简介</dd>
                <dd>企业愿景</dd>
                <dd>品质管理</dd>
                <dd>环境安全</dd>
                <dd>联系我们</dd>
            </dl>
        </div>
        <div class="_footerr2 flex flex-ver flex-pac">
            <div><img src="/images/img/foot-logo.png" alt="" /></div>
            <div style="height: 20px;"></div>
            <div>
                <img src="/images/img/code.png" alt="" style="width: 11.5rem" />
            </div>
        </div>
    </footer>
    <!-- public_footer  end-->


    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=3.0&ak=QjzOrQyA4SBF0R14jfMFlPS2ZvIB89uz"></script>
    <script>
        var map = new BMap.Map("map"); // 创建Map实例
        var point = new BMap.Point(104.007501, 30.464329);
        var marker = new BMap.Marker(point); // 创建标注
        map.addOverlay(marker);
        map.centerAndZoom(point, 12);
        map.enableScrollWheelZoom();
        var opts = "成都海威华芯科技有限公司";
        var infoWindow = new BMap.InfoWindow(opts); // 创建信息窗口对象
        map.openInfoWindow(infoWindow, point);
        marker.addEventListener("click", function (e) {
            map.openInfoWindow(infoWindow, point);
        });

        /**
     * @description:监听窗口变化 动态改变根字体大小
     * @param {*}
     * @return {*}
     */    
    window.addEventListener(
      "orientationchange" in window ? "orientationchange" : "resize",
      (function () {
        function c() {
          var d = document.documentElement;
          console.log(d.clientWidth);
          var cw = d.clientWidth || 1920;
          d.style.fontSize =
            14 * (cw / 1920) > 40 ? 40 + "px" : 14 * (cw / 1920) + "px";
        }
        c();
        return c;
      })(),
      false
    );
    </script>
</body>

</html>